{include file="public/header" /}
<style>
 .applications-intro h4 {
            font-size: 22px;
            text-align: center;
            margin: 25px 0;
            color: #6b6a6a;
        }

        .market-grid {
            display: flex;
            flex-wrap: wrap;
            width: calc(100% + 30px);
            margin-left: -15px;
            margin-right: -15px;
            margin-bottom: 20px;
            margin-top: 10px;
        }

        .market-grid__item {
            width: calc(33.3333% - 30px);
            display: block;
            margin: 15px;
            float: left;
        }

        .tagged-media {
            display: flex;
            -webkit-box-orient: vertical;
            -webkit-box-direction: normal;
            flex-direction: column;
            width: 100%;
            height: 100%;
            transition: -webkit-transform 0.2s ease-in-out;
            transition: transform 0.2s ease-in-out;
            transition: transform 0.2s ease-in-out,
                -webkit-transform 0.2s ease-in-out;
        }

        .tagged-media__title {
            display: block;
            color:#36648A;
            font-weight: 700;
            margin: 0 0 0.5rem;
            font-size: 16px;
            line-height: 1.2;
        }

        .tagged-media__footer {
            -webkit-box-flex: 1;
            -ms-flex-positive: 1;
            flex-grow: 1;
            background: #f6f6f6;
            padding: 20px;
            color: #555559;
            font: 12px/14px arial,helvetica,sans-serif;
        }

        .tagged-media:hover {
            transform: scale(1.03, 1.03);
            -ms-transform: scale(1.03, 1.03);
            /* IE 9 */
            -webkit-transform: scale(1.03, 1.03);
        }

        .Applications_btmm {
            padding: 5px 25px 25px;
            margin-bottom: 30px;
        }

        .applications-intro ul {
            margin-bottom: 10px;
        }

        .layui-badge-dot {
            margin-right: 15px;
        }

        .alignright-btn {
            float: right;
            background-image: -webkit-linear-gradient(top, #428bca, #2d6ca2);
            background-image: -webkit-gradient(linear,
                    left top,
                    left bottom,
                    from(#428bca),
                    to(#2d6ca2));
            background-image: linear-gradient(180deg, #428bca 0, #2d6ca2);
            background-repeat: repeat-x;
            border-color: #2b669a;
        }

        .applications-intro ul li {
            list-style: disc;
        }

        .Applications_btmm {
            background: #f6f6f6;
            padding: 5px 25px 25px;
            margin-bottom: 30px;
        }
          img {
    max-width: 100%;
}
  body {
      background: #e1e0de;
    }
    * {
      box-sizing: border-box;
    }
h1,
h2,
h3,
h4 {
  font-weight: 700 !important;
}
.layui-card-header {
  width: 100%;
  border-bottom: 1px solid #999 !important;
  padding-left: 5px;
}
.layui-card {
  padding: 10px 20px 50px;
}
p {
  margin: 0 0 10px !important;
}
.layui-container {
  padding: 0 !important;
}
img {
  max-width: 100%;
}
::-moz-selection {
  background: #cccccc;
  color: #ffffff;
}
::selection {
  background: #cccccc;
  color: #ffffff;
}
.layui-breadcrumb {
  padding-left: 5px;
}
.layui-card h1 {
  margin: 10px auto 0;
}
.description {
  font-size: 15px;
  font-weight: bold;
  margin: 20px 0;
}


.layui-textarea {
  resize: none !important;
}

@media screen and (max-width: 800px) {
  .layui-card-header {
    line-height: normal !important;
    font-size: 10px !important;
  }
}



        .body-top-type {
            background-color: #EFEFEF;
            margin-top: 5px;
            height: auto;
            padding: 5px;
            overflow: hidden;
            border: 1px solid #E4E3E2;

        }

        .body-top-type-content {
            margin-top: 5px;
        }

        .body-top-type-content-list {
            margin-bottom: 3px;
            border: 1px solid #E4E3E2;
            width: 80%;
            background-color: #ffffff;
            height: 50px;
            line-height: 50px;
            padding: 3px 0px;
            border-radius: 6px;
            -webkit-border-radius: 6px;
            -moz-border-radius: 6px;
            cursor: pointer;
        }

        .body-top-type-content-list img {
            width: 42px;
            height: 42px;
            float: left;
            margin-left: 2px;
            margin-right: 5px;
        }


        .layui-table,
        .layui-table-view {
            margin: 0;
        }

        .body-buttom-title {
            color: #333333;
            padding-left: 15px;
            line-height: 30px;
        }

        .layui-table td,
        .layui-table th {
            font-size: 12px;
        }

       /*  thead .laytable-cell-1-0-5,
       thead .laytable-cell-1-0-6,
       thead .laytable-cell-1-0-7 {
           line-height: 14px;
           overflow: visible;
           white-space: pre-wrap;
       } */

        .layui-table-cell {
            text-align: center;
        }

        .layui-laypage-curr em {
            color: #000 !important;
            background-color: #F2F2F2 !important;
        }

        .layui-table-main .laytable-cell-1-0-0 {
            color: #13A1D9;
        }

        .layui-table-main {
            cursor: pointer;
        }

        #backtop {
            width: 55px;
            height: 60px;
            background: rgba(0, 0, 0, 0.3);
            color: #fff;
            text-align: center;
            border-radius: 2px;
            border: none;
            box-shadow: none;
            position: fixed;
            top: 40%;
            right: 10px;
            cursor: pointer;
            line-height: 18px;
        }

        .layui-nav {
            background-color: #fff;
            width: 100%;
        }

        .layui-nav a {
            color: #333333 !important;
        }

        .layui-nav-itemed>.layui-nav-child {
            background-color: #fff !important;
            text-align: center;
        }
        

        .layui-nav-item a:hover {
            background-color: #EFEFEF !important;
        }

        .layui-nav-itemed .layui-nav-more {
            border-color: transparent transparent #1372B0 !important;
        }

        .layui-nav-more {
            border-color: #1372B0 transparent transparent !important;
        }

        .layui-nav {
            border: 1px solid #E4E3E2;
        }

        .layui-nav-child {
            overflow: hidden;
        }

        .layui-nav-child img {
            width: 100px;
        }
       
        .body-buttom-left-body-input {
            margin: 5px;
        }

        .body-buttom-left-body-input input {
            width: 100%;
            height: 36px;
            border-radius: 6px;
            -webkit-border-radius: 6px;
            -moz-border-radius: 6px;
            border: 1px solid #EFEFEF;
            outline: 0;
            padding-left: 10px;
        }
        .body-buttom-left-body-input input::-webkit-input-placeholder{
            font-size:12px;
        }

        .body-buttom-left-body-sel div {
            cursor: pointer;
        }
        .body-buttom-left-body-sel span{
            font-size: 12px;
        }

        .body-buttom-left-body-sel {
            width: 100%;
            text-align: left;
            color: #61A1CB;
            overflow-y: auto;
        }

        .layui-nav-child {
            line-height: 17px;
        }

        .body-buttom-left-body-sel div img {
            width: 10px;
            float: left;
            margin-top: 2px;
        }

        .body-buttom-left-body-title {
            padding: 0 10px;
            line-height: 30px;
            background-color: #EFEFEF;
            width: 100%;
            border-bottom: 2px solid #fff;
            font-weight: bold;
        }

        .all_clear {
            float: right;
            color: #1372b0;
            cursor: pointer;
            font-size: 12px;
        }

        .body-buttom-title {
            border-width: 1px;
            border-style: solid;
            border-color: #e6e6e6;
        }

        .bottom {
            margin-bottom: 20px;
        }
        .layui-nav-tree .layui-nav-bar{
            background-color:#36648A;
        }
        .layui-nav-tree .layui-nav-item a{
            background-color: #EFEFEF;        }
      .maodian{position: relative;top: -61px; display: block;height: 0;overflow: hidden;}
      .maodian1{position: relative;top: -80px; display: block;height: 0;overflow: hidden;}
      #seltitle .seltitle-t{height:20px;line-height:20px;}
      #seltitle .seltitle-d{height:20px;line-height:20px;}
      #seltitle .body-top-type-content-list:hover{background-color:#36648A;color:#ffffff;}
      .hang{cursor:pointer;}
      .hang:hover{background-color:#36648A;}
      .hang a{color:#333;}
      .hang .Product_Number{color:#36648A;}
      .hang:hover a{color:#ffffff;}
      .hang:hover .Product_Number{color:#ffffff;}
    .price{color: #19792f}
    .layui-card-body{
        padding: 10px 5px;
    }
    .layui-card-body a{text-decoration:none;}
	@media screen and (max-width: 768px){
		.market-grid{
			flex-direction: column;
			width: 100%;
		}
		.market-grid__item{
			width: 100%;
		}
		.tagged-media__media{
			display: flex;
			justify-content: center;
			align-items: center;
		}
		.tagged-media__media>img{
			width: 50%;
		}
	}
</style>
<div class="layui-container" style='font: 12px/14px arial,helvetica,sans-serif;'>
        <div class="layui-card">
            <span class="layui-breadcrumb" lay-separator="/">
      <a href="/" style="font: 12px/14px arial,helvetica,sans-serif;">{:lang('Home')}</a>
      {foreach $crumbs as $k=>$v }
      <a href="/{$v['crumbs_url']}" style="font: 12px/14px arial,helvetica,sans-serif;color:#36648A">{$v['alias_name']}</a>
      {/foreach}
    </span>
            <div class="layui-card-header">
                <h1>{:lang('Automotive Bearings')}</h1>
            </div>
            <div class="layui-card-body">
                <div class="layui-row">
                    <div class="applications-intro">
                        <p style='color: #333;line-height: 24px;'>
                            {:lang('LILY Bearing provides made-to-measure and innovative responses to your most demanding technical needs')}:
                        </p>
                        <ul style="padding-left:15px;color: #333;line-height: 24px;">
                            <li style='color: #333;'>{:lang('constant innovation and improvement of products and procedures')}</li>
                            <li style='color: #333;'>{:lang('reliability and durability: improvement of materials and heat treatment, the fight against pollution and lack of lubrication')}</li>
                            <li style='color: #333;'>{:lang('simplification of assembly processes: optimisation of the means of securing the bearings on your equipment')}</li>
                            <li style='color: #333;'>{:lang('constraints related to a hostile environment: heat treated materials, specific lubricating greases, optimised materials (bearings for engines and accessories)')}</li>
                            <li style='color: #333;'>{:lang('energy performance: reduction of energy expenditure by reducing friction')}</li>
                            <li style='color: #333;'>{:lang('optimisation of overall dimensions and reduction of weight')}</li>
                            <li style='color: #333;'>{:lang('compliance and security')}</li>
                        </ul>
                        <h4>{:lang('Bearing Solutions For The Automotive Industry')}</h4>
                        <div class="market-grid">

                            <div class="market-grid__item">
                                <a class="tagged-media" href="/product/ball-bearing/thin-section-bearings/">
                                    <p style='font-size: 18px;color:#36648A'>{:lang('Thin Section Bearings')}</p>
                                    <div class="tagged-media__media">
                                        <img src="{:Config::get('app.images_host')}/images/web/tive2.jpg" alt="">
                                    </div>
                                    <div class="tagged-media__footer" style='color: #333;line-height: 24px;'>
                                        {:lang('Designers increasingly choose hardened, thin-section bearings for hi-tech rotating equipment where low weight and small size are essential. Thin-section bearings are often found where space limitations or design configurations pose a problem for conventional bearings.')}
                                    </div>
                                </a>
                            </div>
                            <div class="market-grid__item">
                                <a class="tagged-media" href="/product/ball-bearing/deep-groove-ball-bearings/">
                                    <p style='font-size: 18px;color:#36648A'>{:lang('Deep Groove Ball Bearings')}</p>
                                    <div class="tagged-media__media">
                                        <img src="{:Config::get('app.images_host')}/images/web/tive3.jpg" alt="">
                                    </div>
                                    <div class="tagged-media__footer" style='color: #333;line-height: 24px;'>
                                        {:lang('Deep groove ball bearings are the most widely used bearing type and are particularly versatile. They have low friction and are optimized for low noise and low vibration which enables high rotational speeds. They accommodate radial and axial loads in both directions, are easy to mount, and require less maintenance than other bearing types.')}
                                    </div>
                                </a>
                            </div>
                        </div>
                        <div class="Applications_btmm">
                            <h4>{:lang('Applications And Customers')}</h4>
                            <p style='color: #333;line-height: 24px;'>{:lang('Be it standard or customized automotive bearings, LILY Bearing stores them all. The bearings are made from finest materials leading to long service life and high strength. Meticulously dimensioned, LILY, KBC, NTN and FAG brand automotive bearings are interchangeable with the OE parts.')}</p>
                            {:lang('LILY Bearing has recently provided engineering and product solutions for')}:
                            <ul style='color: #333;line-height: 24px;'>
                                <li style='color: #333;'>{:lang('wiper motor')}</li>
                                <li style='color: #333;'>{:lang('electric seat motor')}</li>
                                <li style='color: #333;'>{:lang('alternator')}</li>
                                <li style='color: #333;'>{:lang('electric mirror')}</li>
                                <li style='color: #333;'>{:lang('electric window motor')}</li>
                                <li style='color: #333;'>{:lang('steering column')}</li>
                                <li style='color: #333;'>{:lang('wheel hub unit')}</li>
                                <li style='color: #333;'>{:lang('motorcycles &amp; all-terrain vehicles')}</li>
                            </ul>
                        </div>
                    </div>
                </div>

           
            </div>
        </div>
    </div>
   

{include file="public/footer" /}